.top-bg {
  background:linear-gradient(0deg,rgba(0,102,255,1) 0%,rgba(53,147,254,1) 100%);
  .index-top {
    width: 100%;
    font-size: 1.625rem;
    font-weight: bold;
    color: #fff;
    height: 6rem;
    line-height: 6.5rem;
    display: flex;
    .back{
      padding-left: 1.25rem;
      padding-top: 0.3rem;
      img{height: 2.1875rem;}
    }
    p{
      font-size: 2.25rem;
      margin: 0 auto;
    }
  }
  .xq-body{
    padding: 0 2.5rem;
    .xq-body-top{
      color: #fff;
      font-size: 1.875rem;
      padding: 1.25rem;
      .xq-body-top-up{
        display: flex;
        color: #fff;
        .up-text{
          margin-left: 1.25rem;
          max-width: 24rem;
          em{
            font-size: 2.5rem;
            height: 5rem;
          }
          p{
            font-size:1.5rem;
          }
          img{
            margin-top: 4rem;
            height: 3.125rem;
            float: right;
          }
        }
        img{
          height: 14.5625rem;
        }
      }
      .xq-body-top-star{
        padding-top: 1rem;
        img{
          height: 2.125rem;
        }
        p{
          color: #265BCD;
          font-size: 1.5rem;
        }
      }
      .r-p{
        color: #265BCD;
        font-size: 1.5rem;
        text-align: right;
      }
      .pic-wp{
        padding-bottom: 2.5rem;
        img{height: 14.5625rem;width: 100%;}
      }
      .liuyan{
        background: #E5E5E5;
        border-radius: 1.25rem;
        padding: 1.5625rem;
        margin: .625rem 0;
        h1{font-size: 1.875rem;}
        h2{font-size: 1.875rem;color: #717171;float: right;margin-top: -2rem;}
        img{height: 1.6875rem;margin-bottom: .5rem;}
        p{font-size: 1.5rem;color: #717171;padding-bottom: 1.25rem;}
      }
      .titel{
        font-size: 2.5rem;
      }
      li{
        list-style-type:none;
        font-size: 1.875rem;
      }
    }
  }
}